<h1>{{title}}</h1>

<form class="ui form" name="testForm" novalidate>
  <div class="field">
    <label>input1</label>
    <input type="text" name="input1" ng-model="mainCtrl.testForm.input1" placeholder="input1" required autocomplete="off"
      ng-pattern="/^1+$/">
      <span ng-show="testForm.input1.$dirty &&testForm.input1.$invalid">xx</span>
  </div>
  <div class="field">
    <label>input2</label>
    <input type="text" name="input2" ng-model="mainCtrl.testForm.input2" placeholder="input2" required ng-maxlength="3">
  </div>
  <div class="field">
    <label>input3</label>
    <input type="text" name="input3" placeholder="input1" required ng-pattern="/^1+$/">
  </div>
  <div class="field">
    <label>Gender</label>
    <div class="ui selection dropdown multiple">
      <input type="hidden" name="gender" ng-model="mainCtrl.testForm.gender">
      <i class="dropdown icon"></i>
      <div class="default text">Gender</div>
      <div class="menu">
        <div class="item"  ng-repeat="item in mainCtrl.selectedList" data-value="{{item.value}}">{{item.label}}</div>
        <div class="item" data-value="0">Female</div>
      </div>
    </div>
  </div>
  <div class="field">
    <label>Last Name</label>
    <textarea name="textarea" ng-model="mainCtrl.testForm.textarea1" placeholder="textarea1" required></textarea>
  </div>
  <button class="ui button" type="submit" ng-click="mainCtrl.submit()">submit</button>
    <!-- ng-class="{loading: mainCtrl.loading, disabled:testForm.$invalid}" -->
    <!-- Submit</button> -->
</form>